<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>智慧航运</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,minimum-scale=1.0,maximum-scale=1.0">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" href="./css/shipping.css" />
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/index.js"></script>
</head>

<body>
<div class="container">
  <p class="service">智慧航运，贴心服务</p>
  <div class="header">
    <p class="module">服务模块</p>
    <p class="private">您的私人专属服务</p>
    <div class="top">
      <div class="icon">
        <img src="img/1_03.png" width="60" height="60" id="zhengWuChaXun" />
        <div>政务查询</div>
      </div>
      <div class="icon">
        <img src="img/2_05.png" width="60" height="60" id="chuangBoDiaoDu" />
        <div>船舶调度</div>
      </div>
      <div class="icon">
        <img src="img/3_07.png" width="60" height="60" id="weiPinChaXun" />
        <div>危品查询</div>
      </div>
      <div class="icon">
        <img src="img/4_09.png" width="60" height="60" id="gangKouDongTai" />
        <div>港口动态</div>
      </div>
      <br />
      <hr />
      <div class="icon">
        <img src="img/5_16.png" width="60" height="60" id="hangJiaoE" />
        <div>&nbsp;&nbsp;船交e</div>
      </div>
      <div class="icon">
        <img src="img/6_16.png" width="60" height="60" id="jingJiJianCe" />
        <div>经济监测</div>
      </div>
      <div class="icon">
        <img src="img/7_15.png" width="60" height="60" id="xiJiangDongTai" />
        <div>西江动态</div>
      </div>
      <div class="icon">
        <img src="img/8_15.png" width="60" height="60" id="shangWuHeZuo" />
        <div>商务合作</div>
      </div>
    </div>
    <div class="exclusive">
      <img src="img/banner_27.png" width="470" height="95">
    </div>
  </div>
  <div class="circle">
    <p class="modules">航运圈</p>
    <div class="exchange">
      <img src="img/bg2_30.png" width="470" height="105">
      <div></div>
      <p class="trade">广州航运交易所</p>
      <div class="title">话题&nbsp;&nbsp;&nbsp;&nbsp;
        <p class="num">61</p>
      </div>

      <div class="title">粉丝
        <p class="num">39W</p>
      </div>
      <div class="title">热度
        <p class="num">139W</p>
      </div>

    </div>
    <div class="wrap">
      <div class="nav">
        <a href="#home">动态</a>
        <a href="#list">精华</a>
        <a href="#news">相册</a>
      </div>
      <div class="sh">
        <div id="home"><img src="img/dongtai.png" width="450" height="350"></div>
        <div id="list">精华信息</div>
        <div id="news">相册信息</div>
      </div>
    </div>
  </div>
</div>
</body>
</html>